import React from 'react';
import { Image, View } from '@tarojs/components';
import { mock } from "@/assets/mock";
import './index.scss';

interface CoordProps {
 ImageSize: string
 coordName: string
 fontZize?: string
 className?: string

}

const Coord: React.FC<CoordProps> = ({ ImageSize, fontZize = '12px', className = '', coordName = '' }) => {
 return (
  <>
   <View className={`detail-info-content-coord ${className}`}>
    <Image className='detail-info-content-coord-icon' style={{ width: ImageSize, height: ImageSize }} src={mock.coordIcon} />
    <View className='detail-info-content-coord-name' style={{ fontSize: fontZize }}>{coordName}</View>
   </View>
  </>
 );
};

export default Coord;
